﻿// 背景剪裁混入
@mixin background-clip-text {
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
}

@mixin text-fill-transparent {
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  color: transparent;
}

// 渐变文字混入
@mixin gradient-text($gradient) {
  background: $gradient;
  @include background-clip-text;
  @include text-fill-transparent;
}

// 玻璃拟态效果混入
@mixin glass-morphism($blur: 10px, $bg: rgba(16, 18, 27, 0.8)) {
  background: $bg;
  backdrop-filter: blur($blur);
  -webkit-backdrop-filter: blur($blur);
}

// 霓虹光效混入
@mixin neon-glow($color: $tech-primary, $blur: 8px) {
  box-shadow: 
    0 0 $blur $color,
    inset 0 0 ($blur / 2) rgba($color, 0.3);
}